<template>
		<div class="container">
			<ul class="eul">
				<router-link active-class="aaa"  append exact to="/mine/superorder/Allordermsg">
				<li>
					<div>
						<span></span>
					</div>
					<div>
						全部
					</div>
				</li>
			</router-link>
			<router-link active-class="aaa"  append exact to="/mine/superorder/Allordermsg">
				<li>
					<div>
						<span></span>
					</div>
					<div>
						待支付
					</div>
				</li>
			</router-link>	
			<router-link active-class="aaa"  append exact to="/mine/superorder/Allordermsg">
				<li>
					<div>
						<span></span>
					</div>
					<div>
						待发货
					</div>
				</li>
			</router-link>	
			<router-link active-class="aaa"  append exact to="/mine/superorder/Allordermsg">
				<li>
					<div>
						<span></span>
					</div>
					<div>
						待收货
					</div>
				</li>
			</router-link>	
			<router-link active-class="aaa"  append exact to="/mine/superorder/Allordermsg">
				<li>
					<div>
						<span></span>
					</div>
					<div>
						已完成
					</div>
				</li>
			</router-link>
			<router-link active-class="aaa"  exact to="/mine/superorder/Allordermsg">
				<li>
					<div>
						<span></span>
					</div>
					<div>
						售后服务
					</div>
				</li>
			</router-link>	
			</ul>
			<div id="bottom">
				<router-view></router-view>
			</div>
		</div>
</template>

<script>
</script>

<style scoped>
	.eul{
		display: flex;
		height:1.837837rem;
		background:#fff;
		margin-top:0.024054rem;
	}
	.eul li{
		width:100%;
		display: flex;
		flex-direction: column;
	}
	.eul a{
		width:16.66%;
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
	}
	.eul a div{
		font-size:0.378378rem;
		color:#a5a5a5;
		display:flex;
		justify-content:center;
		padding-top:0.14027rem;
	}
	a:first-of-type div span{
		width:0.567567rem;
		height:0.621621rem;
		display: inline-block;
		background:url(../../../assets/images/super_order_sprite1.png) -0.95rem -0.135135rem;
		background-size:600%;
	}
	
	a:nth-of-type(2) div span{
		width:0.621621rem;
		height:0.513513rem;
		display: inline-block;
		background:url(../../../assets/images/super_order_sprite1.png) -1.78rem -0.93rem;
		background-size:550%;
	}
	
	a:nth-of-type(3) div span{
		width:0.621621rem;
		height:0.513513rem;
		display: inline-block;
		background:url(../../../assets/images/super_order_sprite1.png) -1rem -1.7rem;
		background-size:550%;
	}
	
	a:nth-of-type(4) div span{
		width:0.621621rem;
		height:0.513513rem;
		display: inline-block;
		background:url(../../../assets/images/super_order_sprite1.png) -2.62rem -0.12162rem;
		background-size:550%;
	}
	
	a:nth-of-type(5) div span{
		width:0.567567rem;
		height:0.621621rem;
		display: inline-block;
		background:url(../../../assets/images/super_order_sprite1.png) -2.72702rem -1.737837rem;
		background-size:600%;
	}
	
	a:nth-of-type(6) div span{
		width:0.729729rem;
		height:0.614594rem;
		display: inline-block;
		background:url(../../../assets/images/super_order_sprite1.png) -0.128108rem -2.5856rem;
		background-size:470%;
	}
	.aaa{
		margin-top:0.27027rem;
		border-bottom:0.054054rem solid red;
		padding-bottom:0.2135rem;
	}
	#bottom{
		
	}
</style>